<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="tabs/tab4" text="返回"></ion-back-button>
    </ion-buttons>
    <ion-title>【D02】覆盖物</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <div>
    <ion-accordion-group>
      <ion-accordion value="actions">
        <ion-item slot="header">
          <ion-label>添加</ion-label>
        </ion-item>

        <ion-list slot="content">
          <ion-item>
            <ion-label (click)="click1()">折线</ion-label>
          </ion-item>
          <ion-item>
            <ion-label (click)="click2()">箭头折线</ion-label>
          </ion-item>
          <ion-item>
            <ion-label (click)="click3()">圆</ion-label>
          </ion-item>
          <ion-item>
            <ion-label (click)="click4()">多边形</ion-label>
          </ion-item>
          <ion-item>
            <ion-label (click)="click5()">矩形</ion-label>
          </ion-item>
        </ion-list>
      </ion-accordion>
    </ion-accordion-group>


    <ion-accordion-group>
      <ion-accordion value="actions">
        <ion-item slot="header">
          <ion-label>删除</ion-label>
        </ion-item>

        <ion-list slot="content">
          <ion-item>
            <ion-label (click)="deleteClick()">清楚所有覆盖物</ion-label>
          </ion-item>
        </ion-list>
      </ion-accordion>
    </ion-accordion-group>
  </div>
  <div id="container" style="height: 100%;width:100%"></div>
</ion-content>
